<script setup lang="ts">
// defineProps(['title'])
defineProps({
    id: [String, Number],
    title: String,
    likes: {
        type: [Number, Boolean],
        default: 100,
    },
});
// defineProps<{
//   title?: string
//   likes?: number
//   disable?: boolean
// }>()

defineEmits(["enlarge-text"]);
</script>

<template>
    <div class="blog-post">
        <h4>{{ title }}</h4>
        <button @click="$emit('enlarge-text')">Enlarge text</button>
    </div>
</template>
